<template>
  <div id="app">
    <the-header></the-header>
    <router-view class="router-view"/>
    <the-footer></the-footer>
  </div>
</template>

<script>

import TheHeader from "./components/the-header"
import TheFooter from "./components/the-footer";
export default {
  name: 'app',
  components: {
    TheFooter,
    TheHeader
  }
}
</script>

<style lang="less">
  /*body {*/
  /*  padding: 0;*/
  /*  margin: 0;*/
  /*}*/
  body {
    padding: 0;
    margin: 0;
  }
  .router-view {
    padding: 60px 0 0 0;
  }
</style>
